<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/product.css">
    <title>产品中心</title>
</head> 
<body>
    <div class="wrap">
        <header>
            <nav>
                <div class="logo">
                    <img src="./img/logo.png" alt="">
                </div>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="AboutUs.html">关于银河</a></li>
                    <li><a href="joinUs.html">招聘信息</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </nav>
            </header>
            <main>
                <div class="banner">
                    <img src="./img/product.png" alt="">
                </div>
                <div class="top_nav">
                    <ul>
                        <li><a href="">全部产品</a></li>
                        <li><a href="">最新产品</a></li>
                        <li><a href="">成功案例</a></li>
                    </ul>
                </div>
                <div class="goods">
                    <div class="left">
                    <div class="goodsbox">
                        <div class="top">
                            <img src="./img/goods1.png" alt="">
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <p>金属洗衣柜</p>
                                <p>耐磨抗刮，不易发黄，容易清洁和打理 </p>
                            </div>
                            <div class="right"><p>2019.02.26</p></div>
                        </div>
                    </div>
                    <div class="goodsbox">
                        <div class="top">
                            <img src="./img/goods3.png" alt="">
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <p>智能一体机</p>
                                <p>活水即热，瞬间加热，持久恒温  </p>
                            </div>
                            <div class="right"><p>2019.02.26</p></div>
                        </div>
                    </div>
                    <div class="goodsbox">
                        <div class="top">
                            <img src="./img/goods5.png" alt="">
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <p>面盆龙头</p>
                                <p>高性能超节水起泡器，节能降噪防溅水 </p>
                            </div>
                            <div class="right"><p>2019.02.26</p></div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="goodsbox">
                        <div class="top">
                            <img src="./img/goods2.png" alt="">
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <p>节水坐便器</p>
                                <p>微晶抗污釉面技术，持久洁净，光洁如新 </p>
                            </div>
                            <div class="right"><p>2019.02.26</p></div>
                        </div>
                    </div>
                    <div class="goodsbox">
                        <div class="top">
                            <img src="./img/goods4.png" alt="">
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <p>系列一体式空缸</p>
                                <p>整体性强，后期维护保养更简便  </p>
                            </div>
                            <div class="right"><p>2019.02.26</p></div>
                        </div>
                    </div>
                    <div class="goodsbox">
                        <div class="top">
                            <img src="./img/goods6.png" alt="">
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <p>不锈钢水槽</p>
                                <p>优质不锈钢制造，经久耐用 </p>
                            </div>
                            <div class="right"><p>2019.02.26</p></div>
                        </div>
                    </div>
                </div>
                
                </div>
                <button>加载更多</button>
            </main>
        <footer>
            
            <span>©2019 Baidu 使用银河前必读 意见反馈 京ICP证030121号  京公网安备11000002888888号</span>
                
        </footer>
    </div>
    
</body>
</html>